<template>
<div class="page ">
	<div class="hd">
		<h1 class="page_title">订单列表</h1>
	</div>
	<div class="weui-form-preview" v-for=' i in [1,2,3,4]'>
					<div class="weui-form-preview__hd">
							<div class="weui-form-preview__item">
									<label class="weui-form-preview__label">付款金额</label>
									<em class="weui-form-preview__value">¥2400.00</em>
							</div>
					</div>
					<div class="weui-form-preview__bd">
							<div class="weui-form-preview__item">
									<label class="weui-form-preview__label">商品</label>
									<span class="weui-form-preview__value">产品1</span>
							</div>
							<div class="weui-form-preview__item">
									<label class="weui-form-preview__label">标题标题</label>
									<span class="weui-form-preview__value">名字名字名字</span>
							</div>
							<div class="weui-form-preview__item">
									<label class="weui-form-preview__label">标题标题</label>
									<span class="weui-form-preview__value">很长很长的名字很长很长的名字很长很长的名字很长很长的名字很长很长的名字</span>
							</div>
					</div>
					<div class="weui-form-preview__ft">
							<a class="weui-form-preview__btn weui-form-preview__btn_primary" href="javascript:">操作</a>
					</div>
			</div>
		<!-- 底部导航栏 -->
		<tab>
		  <tabbar slot="tabbar">
		    <tabbar-item>菜单1</tabbar-item>
		    <tabbar-item>菜单2</tabbar-item>
		    <tabbar-item>菜单3</tabbar-item>
		  </tabbar>
		</tab>
</div><!--.content-->

</template>

<script>
import {Tab,Tabbar,TabbarItem} from 'vue-weui';

	export default{
		vuex: {
			getters: {
	    }
		},
		components:{
			Tab,Tabbar,TabbarItem
		},
    created(){
    	let self = this;
    }
	}
</script>
<style lang="sass" scoped>
@import "../public/css/common.scss";
</style>
